<!DOCTYPE html>
<html>
	<head>
                <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>assets/grocery_crud/themes/datatables/css/demo_table_jui.css" />
                <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>assets/grocery_crud/css/ui/simple/jquery-ui-1.10.1.custom.min.css" />
                <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>assets/grocery_crud/themes/datatables/css/datatables.css" />
                <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>assets/grocery_crud/themes/datatables/css/jquery.dataTables.css" />
                <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>assets/grocery_crud/themes/datatables/extras/TableTools/media/css/TableTools.css" />
                <link type="text/css" rel="stylesheet" href="<?php echo base_url();?>assets/grocery_crud/css/jquery_plugins/fancybox/jquery.fancybox.css" />
                <script language="JavaScript" src="<?php echo base_url();?>assets/grocery_crud/js/jquery-1.10.2.min.js"></script>
		<script language="JavaScript" src="<?php echo base_url();?>assets/scriptwebcam/swfobject.js"></script>
		<script language="JavaScript" src="<?php echo base_url();?>assets/scriptwebcam/scriptcam.js"></script>
		<script language="JavaScript" src="<?php echo base_url();?>assets/scriptwebcam/costumize_webcam.js"></script>
	<style type='text/css'>
        body
        {
            font-family: Arial;
            font-size: 14px;
        }
        a {
            color: blue;
            text-decoration: none;
            font-size: 14px;
        }
        a:hover
        {
            text-decoration: underline;
        }
        #webcam_box
        {
            width: 320px; 
            margin: 40px 0 10px 0;
            float: left;
            border-style:outset;
            border-width:5px;
        }
        #results_box
        {
            width: 400px; 
            position: absolute;
            margin-top: 25%;
        }
        #bill_box
        {
            width: 400px; 
            margin: 40px 0 0 10px;
            float: left;
        }
        table input[type="text"] 
        {
            border: none;
            background: transparent;
            width: 180px;
        }
        </style>

        </head>
        <body>
        <!-- Beginning header -->
                <div>
                    <a href='<?php echo site_url('admin_controller/managementEnterprise')?>'>Empresa</a> |
                    <a href='<?php echo site_url('admin_controller/managementUsers')?>'>Usuarios</a> |
                    <a href='<?php echo site_url('admin_controller/managementChargue')?>'>Cargos</a> |
                    <a href='<?php echo site_url('admin_controller/managementFunctionary')?>'>Funcionarios</a> |
                    <a href='<?php echo site_url('admin_controller/managementEnrollment')?>'>Matriculas</a> |
                    <a href='<?php echo site_url('admin_controller/managementTypeEnrollment')?>'>Tipo Matricula</a> |
                    <a href='<?php echo site_url('admin_controller/managementAgreements')?>'>Convenios</a> | 
                    <a href='<?php echo site_url('admin_controller/managementPaymentAgreement')?>'>Acuerdos de Pago</a> | 
                    <a href='<?php echo site_url('admin_controller/managementPartialPayment')?>'>Abonos</a> | 
                    <a href='<?php echo site_url('admin_controller/managementTariff')?>'>Tarifas</a> | 
                    <a href='<?php echo site_url('admin_controller/managementAccessory')?>'>Accesorios</a> | 
                    <a href='<?php echo site_url('admin_controller/managementTypeAccessory')?>'>Tipo Accesorios</a> | 
                    <a href='<?php echo site_url('admin_controller/managementCounter')?>'>Contadores</a> | 
                    <a href='<?php echo site_url('admin_controller/managementStratum')?>'>Estrato</a> | 
                    <a href='<?php echo site_url('admin_controller/managementResolutionDian')?>'>Resoluciones</a> |
                    <a href='<?php echo site_url('admin_controller/managementMeasurement')?>'>Registrar Lecturas</a> |
                    <a href='<?php echo site_url('admin_controller/managementPayments')?>'>Pagos</a> 
                </div>
                <div id="webcam_box">
                    <div id="webcamimage" class="<?php echo base_url();?>">
                    </div>
                    <div id="select_webcam"style="margin:5px;">
                            <img src="<?php echo base_url();?>assets/scriptwebcam/webcamlogo.png" style="vertical-align:text-top"/>
                            <select id="cameraNames" size="1" onChange="changeCamera()" style="width:290px;font-size:10px;height:25px;">
                            </select>
                    </div>
                </div>
                <div id="bill_box">
                    <iframe name="bill" id="bill"  width="900" height="500" src="<?php echo base_url();?>model_bill/Documento_espera.pdf" frameborder="0"></iframe>
                </div>
                <input id="print" type="submit" name="print" value="Imprimir" class="ui-input-button ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
                <div id="results_box">
                            <table>
                                <tr>
                                    <td><strong>Cedula:</strong></td>
                                    <td><input type="text"  id="identy_card" disabled/></td>
                                </tr> 
                                <tr>
                                    <td><strong>Numero Matricula:</strong></td>
                                    <td><input type="text"  id="enrollment_number" disabled/></td>
                                </tr>  
                                <tr>
                                    <td><strong>Numero Factura:</strong></td>
                                    <td><input type="text"  id="bill_number" disabled/></td>
                                </tr>  
                                <tr>
                                    <td><strong>Fecha Facturacion:</strong></td>
                                    <td><input type="text"  id="bill_date" disabled/></td>
                                </tr>  
                                <tr>
                                    <td><strong>Valor a Pagar ($):</strong></td>
                                    <td><input type="text"  id="bill_total" disabled/></td>
                                </tr>  
                                <tr>
                                    <td>
                                        <input id="form-button-save" type="submit" name="payment" value="Pagar" class="ui-input-button ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
                                        <input id="form-button-save" type="submit" name="cancel" value="Cancelar" class="ui-input-button ui-button ui-widget ui-state-default ui-corner-all" role="button" aria-disabled="false">
                                    </td>
                                </tr>  
                            </table>
                        </div>
                <audio id="beep-one" controls="controls" preload="auto" style="display: none;">
                    <source src="<?php echo base_url();?>assets/audio/beep.mp3"></source>
                    <source src="<?php echo base_url();?>assets/audio/beep.ogg"></source>
		</audio>
    </body>
</html>
